@tailwind base;
@tailwind components;
@tailwind utilities;
@layer utilities{
  *{
    line-height:1
  }
  body{
    margin:0 auto;
    padding:0;
    background:#fafafa;
    max-width:420px;
  }
  :root:root{
    --text-primary-color: #1F2120;
    --text-second-color: #666666;
    --text-three-color: #999999;
    --second-bg:#FE3D54
  }
  .text-color-white{
    color:white
  }
  div{
    line-height:1
  }
}
.adm-nav-bar{
  background:white
}
.nav-bg.adm-nav-bar{
  background:#fafafa
}
.nav-bg .adm-nav-bar-back-arrow{
  color: var(--text-primary-color);
}
.adm-nav-bar-back-arrow{
  font-size:20px;
}
.bg-transparent .adm-nav-bar-back-arrow{
  color: white;
}
.text-primary{
  color: var(--text-primary-color);
}
.text-second{
  color: var(--text-second-color);
}
.text-three{
  color: var(--text-three-color);
}
.price{
  color: var(--second-bg);
}
.text-10{
  font-size:10px;
}
.text-13{
  font-size:13px;
}
.text-17{
  font-size:17px;
}
.text-19{
  font-size:19px;
}
.adm-auto-center-content{
  word-break: break-word;
}
.adm-list-default .adm-list-body{
  background-color: transparent;
}
.adm-swiper-indicator .adm-page-indicator{
  --active-dot-color: white;
  --dot-size: 5px;
  --active-dot-border-radius: 20px;
  --dot-color: white;
  --active-dot-size: 17px;
  --dot-border-radius:50%;
}
.border-top{
  border-top:1px solid #E9E9E9
}
.border-bottom{
  border-bottom:1px solid #E9E9E9
}